import Vue from 'vue';
import VueRouter from 'vue-router';
import home from '../views/Home.vue';

Vue.use(VueRouter);

const routes = [
	{
		path: '/',
		name: 'Home',
		component: home,
	},
	{
		path: '/handle-img',
		name: 'HandleImg',
		component: () => import('@/views/handleImg.vue'),
	},
	{
		path: '/tiny-mce',
		name: 'Tinymce',
		component: () => import('@/views/tinymce.vue'),
	},
	{
		path: '/clipboard',
		name: 'Clipboard',
		component: () => import('@/views/clipboard.vue'),
	},
	{
		path: '/swiper',
		name: 'Swiper',
		component: () => import('@/views/swiper.vue'),
	},
	{
		path: '/i18n',
		name: 'I18n',
		component: () => import('@/views/i18n.vue'),
	},
	{
		path: '/papaparse',
		name: 'Papaparse',
		component: () => import('@/views/papaparse.vue'),
	},
	{
		path: '/validator',
		name: 'Validator',
		component: () => import('@/views/validator.vue'),
	},
	{
		path: '/tableuse',
		name: 'TableUse',
		component: () => import('@/views/tableUse.vue'),
	},
	{
		path: '/check',
		name: 'Check',
		component: () => import(/* webpackChunkName: "check" */ '../views/check.vue'),
	},
];

const router = new VueRouter({
	mode: 'history',
	base: process.env.BASE_URL,
	routes,
});

export default router;
